html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  background: url('../images/assets/background/logginBg.png') no-repeat;
  background-size: cover;
}
/* 头部logo和标题部分 */
header {
  width: 100%;
  height: 182px;
  text-align: center;
  margin-top: 10%;
  /* border: 1px solid #666; */
}
header .logo {
  display: block;
  width: 105px;
  height: 85px;
  background: url('../images/assets/icon/login_symbol.png') no-repeat;
  margin: 0 auto;
  margin-top: 80px;
  /* border: 1px solid #667; */
  margin-bottom: 25px;
}
header .title {
    font-size: 32px;
    color: #e0e4e7;
    font-weight: 600;
    /* border: 1px solid #777; */
    /* -webkit-text-stroke:1px #fff; */
    /* text-shadow: 0 0 4px #fff; */
}
/* 登陆部分 */
section {
  width: 360px;
 height: 237px;
    background-color: #4dffff;
    padding-top: 1px;
  margin: 38px auto;
  border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
  position: relative;
  background: transparent;
  background:rgba(255,244,244,0.3);
  text-shadow: 0 0 4px #fff;
  /* box-shadow:-1px 0px 2px #fff,0px -1px 2px #fff,0px 1px 2px #fff,1px 0px 2px #fff; */
  /*box-shadow:0px 0px 8px #fff;*//*这个可能要去掉，因为会重叠*/
  /* opacity:0.5; */
}
section .loggin {
  width: 240px;
  margin: 25px auto;
}
section .loggin .user {
  position: absolute;
  width: 56px;
  height: 42px;
  background: url('../images/assets/icon/user.png') 18px 11px no-repeat;
  border: 1px solid #eeeeee;
  border-right: none;
  border-radius: 5px 0 0 5px;
}
section .loggin .password {
  position: absolute;
  width: 56px;
  height: 42px;
  background:  url('../images/assets/icon/lock.png') 18px 11px no-repeat;
  border: 1px solid #eeeeee;
  border-right: none;
  border-radius: 5px 0 0 5px;
}
section .loggin .input{
  width: 80%;
  height: 42px;
  margin-bottom: 20px;
  border: none;
  border-radius: 0 5px 5px 0;
  /* background-color: #fff; */
  border: 1px solid #eeeeee;
  border-left: none;
  background: #fff;
  font-size: 12px;
  color: #fff;
  padding-left: 8px;
  margin-left: 50px;
  background: transparent;
  /* background:rgba(24,244,244,0.1); */
}

section  button {
  position: absolute;
  width: 240px;
  height: 50px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  background-color: #0181d4;
  margin-top: 10px;

  font-size: 20px;
  text-align: center;
  color: #fff;
  letter-spacing: 16px;
  text-indent: 16px;
}

section .tab{
	  position: absolute;
    top: -51px;
    width: 100%;
    height: 50px;
    line-height: 50px;
}
section .tab li{
	float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: transparent;
      
}

section .tab li:nth-child(1).active{/*选*/
background: rgba(255,244,244,0.3);
	border-top-left-radius: 8px;	
	border-left:none
}
section .tab li:nth-child(2).active{/*选*/
background: rgba(255,244,244,0.3);
	border-top-right-radius: 8px;
	border-right: none;
}
section .tab li:nth-child(1){/*不选*/
	border-top: solid 1px rgba(255,244,244,0.3); 	
	border-left: solid 1px rgba(255,244,244,0.3); 	
	border-top-left-radius: 8px;
}
section .tab li:nth-child(2){/*不选*/
	border-top: solid 1px rgba(255,244,244,0.3); 	
	border-right: solid 1px rgba(255,244,244,0.3); 	
	border-top-right-radius: 8px;
}


section .zhangshu{
	display: block;
    margin:35px auto 54px auto;
    width: 240px;
}
   
section .zhangshu p{
	font-size: 18px;
	margin: 35px auto;
	color: #fff;
}

#awesome_label{
	color: #fff;
	    font-size: 12px;
}

input[type="checkbox"] + label::before {
    content: "\a0";  /*不换行空格*/
    display: inline-block;
    vertical-align: .2em;
    width: .8em;
    height: .8em;
    margin-right: 1.2em;
    border-radius: .2em;
    background-color: transparent;
    border: solid 1px #fff;
    text-indent: .15em;
    line-height: .65;  /*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/
}
input[type="checkbox"]:checked + label::before {
    content: "\2713";
    color: #fff;
    /*background-color: yellowgreen;*/
}
input#awesome{
    position: absolute;
    clip: rect(0, 0, 0, 0);
}